@charset 'UTF-8';

::-webkit-scrollbar {
    height: 8px; // for horizontal scrollbars
    width: 8px;  // for vertical scrollbars
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
}

::-webkit-scrollbar-thumb {
    @include border-radius($border-rad * 2);
    background: rgba(0, 0, 0, .2);
}

body {
    scrollbar-3dlight-color: #7D7E94;
    scrollbar-arrow-color: #C1C1D1;
    scrollbar-darkshadow-color: #2D2C4D;
    scrollbar-face-color: rgba(0, 0, 0, .1);
    scrollbar-highlight-color: #7D7E94;
    scrollbar-shadow-color: #2D2C4D;
    scrollbar-track-color: rgba(0, 0, 0, .1);
}

.scrollbar--horizontal,
.scrollbar--vertical {
    @include border-radius(2px);
    @include alpha-property(background-color, $black, .5);
}

.scrollbar--view {
    -ms-overflow-style: none;

    .browser--ie & {
        margin: 0 !important;
    }
}